<template>
  <div class="app-container">
    <el-row>
      <el-tabs :active-name="tabs.activeTabName">
        <el-tab-pane name="encrypt" label="编码解码工具">
          <encrypt/>
        </el-tab-pane>
        <el-tab-pane name="digest" label="数字签名工具">
          <digest/>
        </el-tab-pane>
        <el-tab-pane name="imageEncrypt" label="图片处理工具">
          <image-encrypt/>
        </el-tab-pane>
      </el-tabs>

    </el-row>
  </div>
</template>

<script>

import encrypt from '@/views/other/encrypt'
import digest from '@/views/other/digest'
import imageEncrypt from '@/views/other/imageEncrypt'

export default {
  name: 'decode',
  components: { encrypt,digest,imageEncrypt },
  data(){
    return {
      tabs: {
        activeTabName: 'imageEncrypt'
      }
    }
  }
}
</script>


